{% load static %}
<!doctype html>
<html lang="zh">
<head>
    <title>人脸 | 车牌</title>
    <link rel="shortcut icon" href="{% static 'recognition.png' %}">
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="{% static 'css/bootstrap.css' %}">
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="{% static 'js/jquery-3.6.0.js' %}"></script>
    <script src="{% static 'js/bootstrap.bundle.js' %}"></script>
    <link rel="stylesheet" href="{% static 'css/index.css' %}">
</head>
<body>
<div class="box">
    <button type="button" class="btn btn-primary"><span>人脸录入</span></button>
    <button type="button" class="btn btn-primary"><span>人脸认证</span></button>
    <button type="button" class="btn btn-primary"><span>车牌识别</span></button>
</div>
<script type="text/javascript">
    $(function () {
        $('.box button:first-child').on('click', function () {
            $(location).attr('href', '/faceCollection')
        })
        $('.box button:nth-child(2)').on('click', function () {
            $(location).attr('href', '/faceRecognition')
        })
        $('.box button:last-child').on('click', function () {
            $(location).attr('href', '/carRecognition')
        })
    })
</script>
</body>
</html>
